<template>
  <div>
    <table width=800 style="text-align: center; margin: 0 auto;" border=1>
            <caption>欢迎光临_vue开发的收银系统_水果店</caption>
            <tr>
                <th>苹果  ¥ / 斤, 折扣 &lt;  折 &gt;</th>
            </tr>
            <tr>
                <td>
                    请输入你要购买的斤数 <input type="number"   placeholder="斤数">
                </td>
            </tr>
            <tr>
                <td>
                    <button >结账买单~</button>
                </td>
            </tr>
            <tr>
                <td>
                    结账单:
                    <span>总价:  ¥元</span>
                    <span>折后价:  ¥元</span>
                    <span>省了:  ¥元</span>
                </td>
            </tr>
        </table>
  </div>
</template>

<script>
export default {

}
</script>

<style>

</style>